<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>博西尼智慧停车</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="location"><div class="l_title"><img src="images/location.png" alt=""></div><div class="l_car"><span class="parkingName">青浦五月停车场</span></div></div>
<div class="weather">
    <div class="date">星期二 晴 30</div>
    <div class="air">空气质量良好 宜洗车</div>
</div>
<div class="flip-container">
    <div class="flipper">
        <div class="bg inquiry_fee">
            <div class="query_input">
                <div class="che_tit">
                    <p class="car_tit">添加车牌</p>
                    <p class="car_desc">一键缴费无感离场</p>
                </div>
                <div class="car_input">
                    <ul class="clearfix ul_input">
                        <li class="input_pro"><span></span></li>
                        <li class="input_pp input_zim"><span></span></li>
                        <li class="dot"></li>
                        <li class="input_pp"><span></span></li>
                        <li class="input_pp"><span></span></li>
                        <li class="input_pp"><span></span></li>
                        <li class="input_pp"><span></span></li>
                        <li class="input_pp"><span></span></li>
                        <li class="input_pp"><span></span></li>
                    </ul>
                </div>
                <div class="notice">
                    <div class="no_title">注意</div>
                    <p>普通汽车牌照输入5位</p>
                    <p>新能源汽车牌照输入6位</p>
                </div>
                <div class="query" onclick="inquery()">费用查询</div>
            </div>
        </div>
        <div class="bg confirm_fee">
            <div class="query_input">
                <div class="che_tit">
                    <p class="car_tit">添加车牌</p>
                    <p class="car_desc">一键缴费无感离场</p>
                </div>
                <div class="fee_info">
                    <div class="fee_all">
                        <div class="fee_all_content">
                            <div class="carNum_info">
                                <p class="carNum" id="carNum">粤B2334</p>
                                <p class="parkingWay right_info">临时停车</p>
                            </div>
                            <p><span class="tip">进场时间:</span><span class="parkTime right_info" style="margin-left: 5px">2018/10/11 11:22</span></p>
                            <p><span class="tip">进场时长:</span> <span class="totalTime right_info">3小时33分钟</span></p>
                            <p class="payFee"><span class="tip ">进场计费:</span> <span id="totalMoney" class="totalMoney right_info">¥25</span></p>
                        </div>
                    </div>
                    <div class="center_line">
                        <div class="circle_l"></div>
                        <div class="line"></div>
                        <div class="circle_r"></div>
                    </div>
                    <div class="fee_btn">
                        <p>对费用有疑问？点击查看<a href="">计费规则</a><img src="images/notice.png" alt=""></p>
                        <div class="query" id="payBtn" onclick="">确认付费</div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>
<div id="jp_pro"></div>
<div class="payBg"></div>
<div class="payChoose">
    <div class="payContent">
        <div class="wxPay" id="wxPay">
            <img src="images/wx_pay.png" alt="">
            <span>微信支付</span>
        </div>
        <div class="aliPay" id="aliPay">
            <img src="images/zf_pay.png" id="zf" alt="">
            <span>支付宝支付</span>
        </div>
        <div class="bankPay" id="bankPay">
            <img src="images/bank_pay.png" alt="">
            <span>银联在线支付</span>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script src="js/layer.js" type="text/javascript"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="js/ap.js"></script>
<script src="js/vconsole.min.js"></script>
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>
<script src="js/vconsole.min.js"></script>
<script>
    var vConsole = new VConsole();
    console.log('VConsole is cool');
    $(function () {
//        var bodyHeight=$(window).height()
//        $("body").css("height",bodyHeight)

    })
    $("#payBtn").click(function () {
        $(".payBg").show()
        $(".payChoose").show()
    })
    $(".payBg").click(function () {
        $(".payBg").hide()
        $(".payChoose").hide()
    })
    // 判断浏览器类型
    if (/MicroMessenger/.test(window.navigator.userAgent)) {
        $(".aliPay").css("display","none");
        $("#wxPay").click(function () {
            wxPay()
        })
        $("#bankPay").click(function () {
            BBCPay()
        })
    } else if (/AlipayClient/.test(window.navigator.userAgent)) {
        $(".wxPay").css("display","none");
        $("#aliPay").click(function () {

        })
    } else {
        $(".payBtn").click(function () {
            $("#wxPay").click(function () {
                wxPayE()
            })
            $("#aliPay").click(function () {
                aliPay()
            })
            $("#bankPay").click(function () {

            })
        })

    }
</script>

</body>
</html>
